<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <!-- 

         $destroy "自杀" 组件中的功能都会被清理掉 但是dom还是会渲染在页面上

        beforeCreate 初始化前 
            -这个阶段不会触发事件代理,所以不会拿到data/methods/computed定义的数据

        create  初始化后 

        beforeMount 挂载前

        mounted 挂载后 DOM渲染完成
            -通常异步操作在这里执行 发送请求 设置定时器 绑定自定义事件 原生DOM事件等一次性任务
            -可以操作DOM
            -在这发送请求不会影响首页渲染速度

        beforeUpdate 更新之前

        updated  更新之后

        beforeDestroy  卸载前
            -通常在这里清除之前定义的定时器 和事件

        destroyed  卸载完成





     -->
</body>

</html>